/**
//  * Magento
//  *
//  * NOTICE OF LICENSE
//  *
//  * This source file is subject to the Academic Free License (AFL 3.0)
//  * that is bundled with this package in the file LICENSE_AFL.txt.
//  * It is also available through the world-wide-web at this URL:
//  * http://opensource.org/licenses/afl-3.0.php
//  * If you did not receive a copy of the license and are unable to
//  * obtain it through the world-wide-web, please send an email
//  * to license@magentocommerce.com so we can send you a copy immediately.
//  *
//  * DISCLAIMER
//  *
//  * Do not edit or add to this file if you wish to upgrade Magento to newer
//  * versions in the future. If you wish to customize Magento for your
//  * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2014 X.commerce, Inc. (http://www.magentocommerce.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Backend */

@import "../less/styles/vars.less";
@import "../less/styles/base.less";
@import "../less/lib/buttons.less";

.dont-use-this-class-big-size {
    font-size: 18px;
    line-height: 24px;
    padding: 8px 19px;
}

/*
    Reset 'button view' for actions
-------------------------------------- */
.customer-current-activity .action-refresh,
.data-table .action-.delete,
.data-table .action-.delete:hover,
.data-table .action-.delete:active,
.data-table .action-.delete.active,
.data-table .action-delete,
.data-table .action-delete:hover,
.data-table .action-delete:active,
.data-table .action-delete.active,
.data-table .action-locked,
.data-table .action-locked:hover,
.data-table .action-locked:active,
.data-table .action-locked.active,
.data-table .action-locked[disabled],
#product-variations-matrix .action-choose,
#product-variations-matrix .action-choose:hover,
#product-variations-matrix .action-choose:active,
#product-variations-matrix .action-choose.active,
#product-variations-matrix .action-choose[disabled],
.action-manage-images,
.action-manage-images:hover,
.action-manage-images:active,
.action-manage-images.active,
.action-manage-images[disabled],
.image-panel .action-close,
.image-panel .action-close:hover,
.image-panel .action-close:active,
.image-panel .action-close.active,
.image-panel .action-close[disabled],
.image-panel-controls .action-remove,
.image-panel-controls .action-remove:hover,
.image-panel-controls .action-remove:active,
.image-panel-controls .action-remove.active,
.image-panel-controls .action-remove[disabled],
.vde-image-sizing .action-connect,
.vde-image-sizing .action-connect:hover,
.vde-image-sizing .action-connect:active,
.vde-image-sizing .action-connect.active,
.vde-image-sizing .action-connect[disabled],
.suggest-expandable .action-show-all,
.suggest-expandable .action-show-all:hover,
.suggest-expandable .action-show-all:active,
.suggest-expandable .action-show-all.active,
.suggest-expandable .action-show-all[disabled],
.custom-file > .action-add,
.custom-file > .action-add:hover,
.custom-file > .action-add:active,
.custom-file > .action-add.active,
.custom-file > .action-add[disabled],
.vde-tools-header .action-close,
.vde-tools-header .action-close:hover,
.vde-tools-header .action-close:active,
.vde-tools-header .action-close.active,
.image .action-delete,
.image .action-delete:hover,
.image .action-delete:active,
.image .action-delete.active,
.fieldset-wrapper-title .actions .action-delete,
.fieldset-wrapper-title .actions .action-delete:hover,
.fieldset-wrapper-title .actions .action-delete:active,
.fieldset-wrapper-title .actions .action-delete.active,
.address-list-item-actions .action-delete,
.address-list-item-actions .action-delete:hover,
.address-list-item-actions .action-delete:active,
.address-list-item-actions .action-delete.active,
.notification .action-close,
.notification .action-close:hover,
.notification .action-close:active,
.notification .action-close.active,
.page-login .action-forgotpassword,
.page-login .action-forgotpassword:hover,
.page-login .action-forgotpassword:active,
.page-login .action-forgotpassword.active,
.page-login .action-back,
.page-login .action-back:hover,
.page-login .action-back:active,
.page-login .action-back.active,
.attribute-popup .page-actions #reset,
.attribute-popup .page-actions #reset:hover,
.attribute-popup .page-actions #reset:active,
.attribute-popup .page-actions #reset.active,
.attribute-popup .page-actions #reset[disabled] {
    border: none;
    border-radius: 0;
    background: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    text-shadow: none;
    filter: none;
}
.attribute-popup .messages {
    margin: 0 15px;
}

.data-table .action-.delete[disabled],
.data-table .action-delete[disabled],
.data-table .action-locked[disabled],
#product-variations-matrix .action-choose[disabled],
.image-panel .action-close[disabled],
.image-panel-controls .action-remove[disabled],
.suggest-expandable .action-show-all[disabled],
#store-view-window [class^='action-close'],
#store-view-window [class^='action-close']:hover,
#store-view-window [class^='action-close']:active,
#store-view-window [class^='action-close'].active,
#store-view-window [class^='action-close'][disabled],
.custom-file > .action-add[disabled],
.image .action-delete,
.image .action-delete:hover,
.image .action-delete:active,
.image .action-delete.active,
.fieldset-wrapper-title .actions .action-delete,
.fieldset-wrapper-title .actions .action-delete:hover,
.fieldset-wrapper-title .actions .action-delete:active,
.fieldset-wrapper-title .actions .action-delete.active,
.address-list-item-actions .action-delete,
.address-list-item-actions .action-delete:hover,
.address-list-item-actions .action-delete:active,
.address-list-item-actions .action-delete.active,
.notification .action-close,
.notification .action-close:hover,
.notification .action-close:active,
.notification .action-close.active {
    border: none;
    border-radius: 0;
    background: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    text-shadow: none;
    filter: none;
}

.fade.critical-notification {
    display: block;
}

.fade.critical-notification .popup {
    top: 200px;
}

.data-table .action-.delete[disabled],
.data-table .action-delete[disabled],
.data-table .action-locked[disabled],
#product-variations-matrix .action-choose[disabled],
.image-panel .action-close[disabled],
.image-panel-controls .action-remove[disabled],
.suggest-expandable .action-show-all[disabled],
#store-view-window [class^='action-close'],
#store-view-window [class^='action-close']:hover,
#store-view-window [class^='action-close']:active,
#store-view-window [class^='action-close'].active,
#store-view-window [class^='action-close'][disabled],
.custom-file > .action-add[disabled],
.vde-tools-header .action-close[disabled],
.vde-image-sizing .action-reset,
.vde-image-sizing .action-reset:hover,
.vde-image-sizing .action-reset:active,
.vde-image-sizing .action-reset.active,
.vde-image-sizing .action-reset[disabled],
.image .action-delete[disabled],
.fieldset-wrapper-title .actions .action-delete[disabled],
.address-list-item-actions .action-delete[disabled],
// [class^=" catalog-product-"] .page-actions .action-back,
// [class^=" catalog-product-"] .page-actions .action-back:hover,
// [class^=" catalog-product-"] .page-actions .action-back:active,
// [class^=" catalog-product-"] .page-actions .action-back.active,
// [class^=" catalog-product-"] .page-actions .action-back[disabled],
// [class^=" newsletter-"] .page-actions .action-back,
// [class^=" newsletter-"] .page-actions .action-back:hover,
// [class^=" newsletter-"] .page-actions .action-back:active,
// [class^=" newsletter-"] .page-actions .action-back.active,
// [class^=" newsletter-"] .page-actions .action-back[disabled],
.notifications [class^="action-"],
.notifications [class^="action-"]:hover,
.notifications [class^="action-"]:active,
.notifications [class^="action-"].active,
.notifications [class^="action-"][disabled],
.notification .action-close,
.notification .action-close:hover,
.notification .action-close:active,
.notification .action-close.active,
.notification .action-close[disabled]
// .sales-order-create-index .page-actions-inner .cancel,
// .sales-order-create-index .page-actions-inner .cancel:hover,
// .sales-order-create-index .page-actions-inner .cancel:active,
// .sales-order-create-index .page-actions-inner .cancel.active,
// .sales-order-create-index .page-actions-inner .cancel[disabled]
 {
    border: 0;
    border-radius: 0;
    background: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    text-shadow: none;
    filter: none;
}

.vde-image-sizing .action-connect,
.vde-image-sizing .action-connect:hover,
.vde-image-sizing .action-connect:active,
.vde-image-sizing .action-connect.active,
.vde-image-sizing .action-connect[disabled],
.vde-tab-data .action-download,
.vde-tab-data .action-download:hover,
.vde-tab-data .action-download:active,
.vde-tab-data .action-download.active,
.vde-tab-data .action-download[disabled],
.vde-tab-data .action-delete,
.vde-tab-data .action-delete:hover,
.vde-tab-data .action-delete:active,
.vde-tab-data .action-delete.active,
.vde-tab-data .action-delete[disabled],
.vde-tab-data .action-edit,
.vde-tab-data .action-edit:hover,
.vde-tab-data .action-edit:active,
.vde-tab-data .action-edit.active,
.vde-tab-data .action-edit[disabled] {
    border: none;
    border-radius: 0;
    background: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    text-shadow: none;
}

/*
    Actions as links
-------------------------------------- */
.notification-entry-dialog .action-cancel,
.attribute-popup .page-actions #reset {
    background: none;
    border: none;
    color: #6d665e;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline;
}

.notification-entry-dialog .action-cancel:hover,
.attribute-popup .page-actions #reset:hover {
    color: #000;
    border-bottom-color: #000;
    filter: none;
}

/*
    Fileupload button
-------------------------------------- */
.action-upload {
    position: relative;
}

.action-upload > span {
}

.action-upload > input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    font-size: 10em;
}

/*
    Dropdown menu
-------------------------------------- */
.dropdown-menu,
.ui-autocomplete {
    position: absolute;
    display: none;
    list-style: none;
    min-width: 100px;
    margin: 1px 0 0 0;
    padding: 0;
    right: 0;
    top: 100%;
    border: 1px solid #cac2b5;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    z-index: 990;
}

.dropdown-menu > li,
.ui-autocomplete > li {
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
}

.dropdown-menu > li.selected,
.ui-autocomplete > li.selected {
    background: #eef8fc;
}

.dropdown-menu > li:hover,
.ui-autocomplete > li:hover {
    background: #eef8fc;
}

.dropdown-menu > li:last-child,
.ui-autocomplete > li:last-child {
    border-bottom: none;
}

.dropdown-menu > li > .item,
.ui-autocomplete > li > .item {
    cursor: pointer;
}

.dropdown-menu-top {
    margin: 0 0 3px 0;
    top: auto;
    bottom: 100%;
}

.ui-autocomplete {
    right: auto;
}

.ui-autocomplete > li {
    padding: 0;
}

.ui-autocomplete > li > a {
    display: block;
    padding: 5px;
}

.ui-autocomplete > li > a.level-0 {
    padding-left: 5px !important;
}

.ui-autocomplete .ui-state-focus {
    background: #f5f5f5;
}

.active .dropdown-menu {
    display: block;
}

/*
    Actions Dropdown
-------------------------------------- */
.action-dropdown {
    text-align: left;
    position: relative;
    display: inline-block;
}

.action-dropdown > [class^='action-'] {
    float: left;
    border-radius: 0;
}

.action-dropdown > .action-default {
    border-radius: 5px 0 0 5px;
}

.action-dropdown > .action-toggle {
    border-left: 1px solid #c5c0b9;
    border-radius: 0 5px 5px 0;
    margin-left: -1px;
    padding: 4px 7px;
}

.action-dropdown > .action-toggle > span {
    display: none;
}

.action-dropdown > .action-toggle:before {
    display: block;
    font-family: 'MUI-Icons';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    content: '\e02c'; /* arrow down */
    font-size: 11px;
}

.action-dropdown > .action-toggle.active:before {
    content: '\e029'; /* arrow up */
}

.action-dropdown > .action-toggle.primary {
    border-left: 1px solid #e1721d;
}

.action-dropdown > .action-toggle.primary:hover {
    background: #e2701a;
    margin-left: -1px;
}

.action-dropdown.active .dropdown-menu {
    display: block;
    white-space: nowrap;
}

.action-dropdown.active .dropdown-menu > li {
    padding: 0;
}

.action-dropdown .dropdown-menu > li > .item {
    display: block;
    padding: 6px 10px 5px;
    color: #333;
    text-decoration: none;
}

/*
    Action delete icon
-------------------------------------- */
/* TODO: replase ".action-.delete" to ".action-delete" after buttons refactoring */
.data-table .action-.delete span,
.data-table .action-delete span,
.data-table .action-locked span,
.image .action-delete span,
.fieldset-wrapper-title .actions .action-delete span,
.address-list-item-actions .action-delete span {
    display: none;
}

.data-table .action-.delete:before,
.data-table .action-delete:before,
.image .action-delete:before,
.fieldset-wrapper-title .actions .action-delete:before,
.address-list-item-actions .action-delete:before {
    font-family: 'MUI-Icons';
    font-style: normal;
    speak: none;
    font-weight: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    content: '\e07f'; /* delete icon */
    color: #b7b3ad;
}

/*
    Locked action icon
-------------------------------------- */
.data-table .action-locked:before {
    font-family: 'MUI-Icons';
    font-style: normal;
    speak: none;
    font-weight: normal;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    content: '\e03e'; /* lock icon */
    color: #b7b3ad;
}

.data-table .action-.delete:hover:before,
.data-table .action-delete:hover:before,
.data-table .action-locked:hover:before,
.image .action-delete:hover:before,
.fieldset-wrapper-title .actions .action-delete:hover:before,
.address-list-item-actions .action-delete:hover:before {
    color: #7e7e7e;
}

.data-table input.action-.delete[type="button"],
.data-table input.action-.delete[type="submit"],
.data-table input.action-.delete[type="reset"],
.data-table button.action-.delete,
.data-table input.action-.delete[type="button"]:visited,
.data-table input.action-.delete[type="submit"]:visited,
.data-table input.action-.delete[type="reset"]:visited,
.data-table button.action-.delete:visited,
.data-table input.action-.delete[type="button"]:hover,
.data-table input.action-.delete[type="submit"]:hover,
.data-table input.action-.delete[type="reset"]:hover,
.data-table button.action-.delete:hover,
.data-table input.action-.delete[type="button"]:active,
.data-table input.action-.delete[type="submit"]:active,
.data-table input.action-.delete[type="reset"]:active,
.data-table button.action-.delete:active {
    background: transparent;
    padding: 3px 7px 0;
}

.data-table input.action-.delete[type=button]:hover:before,
.data-table input.action-.delete[type=submit]:hover:before,
.data-table input.action-.delete[type=reset]:hover:before,
.data-table button.action-.delete:hover:before,
.data-table input.action-.delete[type=button]:focus:before,
.data-table input.action-.delete[type=submit]:focus:before,
.data-table input.action-.delete[type=reset]:focus:before,
.data-table button.action-.delete:focus:before {
    background: transparent;
    color: #a5a29d;
}

/*
    Forms
-------------------------------------- */

fieldset {
    border: 1px solid #ccc;
    padding: 20px;
}

legend {
    padding: 0 10px;
    margin: 0 -10px;
}

fieldset legend + br {
    display: none;
}

label {
    display: inline-block;
}

label > input[type="radio"],
label > input[type="checkbox"] {
    margin: -3px 3px 0 0;
    vertical-align: middle;
}

input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=range],
input[type=email],
input[type=url],
input[type=search],
input.search,
input[type=tel],
input[type=color],
textarea,
.input-text {
    display: inline-block;
    padding: 4px;
    margin: 0;
    background-color: #fff;
    height: 30px;
    .style9();
    border: 1px solid #ada89e;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
}

textarea,
.input-text {
    height: auto;
}

textarea {
    resize: vertical;
}

select {
    height: 30px;
    padding: 4px 4px 5px;
    margin: 0 0 8px;
    border: 1px solid #ada89e;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

select[multiple],
select[size] {
    height: auto;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=range]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input.search:focus,
input[type=tel]:focus,
input[type=color]:focus,
textarea:focus,
select:focus {
    outline: 0;
    border-color: #75b9f0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
    margin: 3px 0;
    line-height: normal;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #fff;
    border-color: #eee;
    box-shadow: none;
    color: #999;
}

select[disabled].multiselect > option[selected] {
    color: #fff;
    background: #6d6d6d;
}

textarea:-moz-placeholder,
input:-moz-placeholder {
    color: #999 !important;
    font-style: italic;
}

option.placeholder {
    color: #999 !important;
    font-style: italic !important;
}

:-ms-input-placeholder {
    color: #999 !important;
    font-style: italic;
}

::-webkit-input-placeholder {
    color: #999 !important;
}

:-moz-placeholder {
    color: #999 !important;
}

.form-inline .control {
    width: 100%;
}

.form-inline .label {
    width: 20%;
    padding-top: 6px;
}

.form-inline .label ~ .control {
    width: 60%;
}

.form-inline .no-label .control {
    margin-left: 20%;
    width: 60%;
}

fieldset.field [class^='fields-group-'] .field .control {
    width: auto;
    margin: 0 0 0 20px;
}

.form-inline .field-service {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 20%;
    padding: 7px 0 0 15px;
    color: #999;
    font-size: 12px;
    letter-spacing: 0.05em;
}

.form-inline .field-service[value-scope]:before {
    content: attr(value-scope) !important;
    white-space: nowrap;
    display: block;
    margin-bottom: 5px;
}

.form-inline .field-service .checkbox {
    margin: 0;
    vertical-align: middle;
}

.control > input {
    width: 100%;
}

.control > input[type="button"] {
    width: auto;
}

.control > input.hasDatepicker {
    width: 160px;
}

.control > input[type="radio"],
.control > input[type="checkbox"],
.control > input[type="file"] {
    width: auto;
}

.control > table {
    width: 100%;
}

.multi-input {
    margin: 0 0 20px;
}

.multi-input > input {
    width: 100%;
}

.control .input-file {
    margin-top: 4px;
}

/* TODO: remove styles for images when images will be replaced by font icons */
.control .hasDatepicker + img {
    margin: -3px 0 0 5px;
    vertical-align: middle;
}

.nobr {
    white-space: nowrap;
}

/*
    Form Validation
-------------------------------------- */
label.mage-error {
    display: block;
    color: red;
    text-align: left;
    clear: both;
    margin: 3px 0 0 0;
}

textarea.mage-error,
select.mage-error,
input.mage-error {
    border-color: #fa7973 !important;
    box-shadow: 0 0 8px rgba(250, 121, 115, 0.6) !important;
}

input.mage-error ~ .addafter {
    border-color: #fa7973 !important;
    box-shadow: 0 0 8px rgba(250, 121, 115, 0.6) !important;
}

/*
    Forms for Store Scope
-------------------------------------- */
.form-inline .field-store_id .label + .control,
.form-inline .field-store_ids .label + .control,
.form-inline .field-website_ids .label + .control,
.form-inline .field-website_id .label + .control,
.form-inline .field-select_stores .label + .control,
.form-inline .field-stores .label + .control {
    width: auto;
}

/*
    Forms styles
-------------------------------------- */
.page-content-inner {
    position: relative;
    background: #f5f2ed;
    border: 1px solid #b7b2a6;
    border-radius: 5px;
    padding: 20px;
}

.fieldset-wrapper,
.fieldset {
    background: #fff;
    border: 0;
    margin: 0;
    padding: 5px 18px 38px;
    position: relative;
}

.fieldset-wrapper > .fieldset-wrapper-title,
.fieldset > .legend {
    position: static;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    border-bottom: 1px solid #cac3b4;
    margin: 0 0 18px;
}

.fieldset-wrapper > .fieldset-wrapper-title {
    float: none;
}

.fieldset-wrapper > .fieldset-wrapper-title .title,
.fieldset > .legend span {
    .style10();
    padding: 7px 0 10px;
    display: inline-block;
}

//
//    Collapsable fieldset-wrapper
//--------------------------------------
.collapsable-wrapper {
    padding-bottom: 2px;
    > .fieldset-wrapper-title {
        border-bottom: 1px solid #cac3b4;
        margin-bottom: 0;
        > .title {
            position: relative;
            padding-left: 22px;
            cursor: pointer;
            float: left;
            &:before {
                position: absolute;
                left: 0;
                top: 11px;
                font-family: 'MUI-Icons';
                font-size: 16px;
                font-style: normal;
                speak: none;
                font-weight: normal;
                -webkit-font-smoothing: antialiased;
                content: '\e02a'; // arrow right icon
                color: #b2b0ad;
            }
            &:hover:before {
                color: #7e7e7e;
            }
        }
    }
    &.opened {
        padding-bottom: 18px;
        > .fieldset-wrapper-title {
            //border-bottom: 1px solid #ededed;
            margin-bottom: 18px;
            > .title:before {
                content: '\e02c'; // arrow down icon
            }
        }
    }
}

/* Fieldset styles in another fieldset */
.fieldset .fieldset-wrapper,
.fieldset-wrapper .fieldset-wrapper {
    border: 1px solid #cac3b4;
    border-radius: 2px;
    padding: 0;
}

.fieldset .fieldset-wrapper .fieldset-wrapper-title,
.fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title {
    background:#f7f3eb;
    padding: 0 18px;
    border: 0;
}

.fieldset .fieldset-wrapper.opened .fieldset-wrapper-title,
.fieldset-wrapper .fieldset-wrapper.opened .fieldset-wrapper-title {
    border-bottom: 1px solid #cccbca;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    min-height: 39px;
}

.fieldset .fieldset-wrapper .fieldset-wrapper-title .actions,
.fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title .actions {
    padding: 6px 0 0 0;
}

.fieldset .fieldset-wrapper .fieldset-wrapper-title .title,
.fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title .title {
    padding-top: 9px;
    padding-bottom: 8px;
    color: #555;
    font: normal 16px/1.333 Arial, Verdana, sans-serif;
}

.fieldset .fieldset-wrapper .fieldset-wrapper-title .title:before,
.fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-title .title:before {
    top: 9px;
}

.fieldset-wrapper-content .fieldset > .title {
    margin-top: 0;
    padding-left: 22px;
}

.fieldset-wrapper .draggable-handle,
.fieldset .draggable-handle {
    width: 8px;
    height: 14px;
    line-height: 14px;
    background: url(Magento_Backend::images/draggable-handle-vertical.gif) no-repeat 0 0;
    cursor: ns-resize;
    color: #b2b0ad;
}

.fieldset-wrapper-title > .draggable-handle {
    position: absolute;
    left: 10px;
    top: 12px;
}

.fieldset .fieldset-wrapper .fieldset-wrapper-content,
.fieldset-wrapper .fieldset-wrapper .fieldset-wrapper-content {
    padding: 0 10px;
}

/* Sortable fieldsets */
.ui-sortable .entry-edit .fieldset-wrapper-title,
#product_options_container_top .fieldset-wrapper-title {
    padding-left: 30px;
}

.ui-sortable .entry-edit .fieldset-wrapper-title > .title {
}

.fieldset-wrapper-title > .actions,
.fieldset .legend > .actions {
    float: right;
    padding-top: 8px;
}

.fieldset > .legend + br {
    display: block;
    height: 0;
    overflow: hidden;
    clear: left;
}

.fieldset-wrapper .fieldset,
.fieldset .fieldset {
    background: transparent;
    padding: 9px 0;
    border: none;
    border-radius: 0;
    margin: 0 0 29px;
}

.fieldset .comment {
    margin: 0 0 29px 10px;
}

.fieldset .field {
    margin: 0 0 29px;
}

.with-note .note,
.field .note,
.data-table .note {
    .style19();
}

.fieldset .field .options-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fieldset .field .options-list input[type="checkbox"],
.fieldset .field .options-list input[type="radio"] {
    margin-right: 5px;
}

[class^="fields-group-"] .field {
    margin-bottom: 0;
}

.fieldset-wrapper .fieldset:last-child,
.fieldset .fieldset:last-child,
.fieldset .field:last-child {
    margin-bottom: 0;
}

.fieldset .label {
    .style2();
}

.fieldset .control .label {
    .style9();
}

.field.required > .label:after {
    .style8();
}

.with-addon .textarea {
    margin: 0 0 6px;
}

.fieldset .control .textarea,
.fieldset .control .addon .textarea {
    border-radius: 2px;
    width: 100%;
}

.fieldset > .field > input[type="checkbox"] {
    margin-top: 12px;
}

.fieldset-alt {
    position: relative;
    display: table-row;
    border: 0;
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
}

.fieldset-alt > .field {
    display: table-cell;
    vertical-align: top;
    padding-right: 4%;
}

.fieldset-alt > .field.no-display {
    display: none;
}

.fieldset-alt .field > .label {
    display: block;
    width: 100%;
    clear: both;
    text-align: left;
    margin: 0 0 10px;
}

.fieldset-alt .label + .control {
    width: 100%;
}

.fieldset-alt .field-option-title {
    width: 50%;
}

.fieldset .tooltip .help {
    margin: 7px 0 0 15px;
}

.fieldset-alt .field-option-store-view {
    width: 20%;
}

.fieldset-alt .field-option-input-type {
    width: 20%;
}

.fieldset-alt .field-option-input-type select {
    width: 100%;
}

.fieldset-alt .field-option-req {
    width: 105px;
    white-space: nowrap;
}

.fieldset-alt .field-option-req .control {
    position: relative;
    top: 32px;
}

.fieldset-alt .field-option-position,
.fieldset-alt .field-option-position .control {
    width: 60px;
}

/* "Use default" checkbox */
.use-default {

}

.use-default-control {
    display: none;
}

.use-default-label {
    cursor: pointer;
    text-decoration: underline;
    font-size: 11px;
    color: #a29c94;
}

.use-default-label:hover {
    color: #7e7e7e;
}

/*
    Custom Multiselect
-------------------------------------- */
.multiselect-alt {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
}

.multiselect-alt .item {
    position: relative;
    border-top: 1px solid #fff;
    cursor: pointer;
}

.multiselect-alt .item:first-child {
    border-top: 0;
}

.multiselect-alt .item.selected {
    background: #d7ebf5;
}

.multiselect-alt .item.selected:hover {
    background: #afdef2;
}

.multiselect-alt label {
    display: block;
    cursor: pointer;
    padding: 6px 25px 5px;
}

.multiselect-alt .item.selected label:before {
    position: absolute;
    left: 8px;
    top: 1px;
    bottom: 0;
    width: 10px;
    line-height: 28px;
    font-family: 'MUI-Icons';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    content: '\e01e'; /* checked icon */
    text-align: center;
    color: #7ba4b1;
    font-size: 9px;
    text-shadow: 0 -1px 1px #60727b;
}

.multiselect-alt input[type="checkbox"] {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
}

//
//    Form item with table
// --------------------------------------

.with-table {
    .label {
        float: none;
        text-align: left;
        width: 100%;
    }
    .control {
        clear: left;
        float: none;
        width: 100%;
    }
}

//
//    Form currency label
// --------------------------------------

.addon {
    input {
        border-width: 1px 0 1px 1px;
        ~ .addafter strong {
            display: inline-block;
            background: #fff;
            line-height: 24px;
            margin: 0 3px 0 -2px;
            padding-left: 4px;
            padding-right: 4px;
            position: relative;
            font-size: 12px;
            top: 0;
        }
        &:focus ~ .addafter {
            border-color: #75b9f0;
            box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
            strong {
                margin-top: 0;
            }
        }
    }
    .addafter {
        background: none;
        color: #a6a6a6;
        border-width: 1px 1px 1px 0;
        border-radius: 2px 2px 0 0;
        padding: 0;
        border-color: #ada89e;
    }
    .pager input {
        border-width: 1px;
    }
}

.field .control input[type='text'][disabled],
.field .control input[type='text'][disabled] ~ .addafter,
.field .control select[disabled],
.field .control select[disabled] ~ .addafter {
    background-color: #fff;
    border-color: #eee;
    box-shadow: none;
    color: #999;
}

.field .control input[type='text'][disabled] ~ .addafter strong,
.field .control select[disabled] ~ .addafter strong {
    background-color: #fff;
}

.field.type-price .addon,
.field-price .addon,
.field-special_price .addon,
.field-msrp .addon {
    direction: rtl;
}

.field.type-price .addon > *,
.field-price .addon > *,
.field-special_price .addon > *,
.field-msrp .addon > * {
    direction: ltr;
}

.field.type-price .addon .addafter,
.field-price .addon .addafter,
.field-special_price .addon .addafter,
.field-msrp .addon .addafter {
    border-width: 1px 0 1px 1px;
    border-radius: 2px 0 0 2px;
}

.field.type-price .addon input:first-child,
.field-price .addon input:first-child,
.field-special_price .addon input:first-child,
.field-msrp .addon input:first-child {
    border-radius: 0 2px 2px 0;
}

.field.type-price input,
.field-price input,
.field-special_price input,
.field-msrp input {
    border-width: 1px 1px 1px 0;
}

.field.type-price input:focus,
.field-price input:focus,
.field-special_price input:focus,
.field-msrp input:focus {
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
}

.field.type-price input:focus ~ label.addafter,
.field-price input:focus ~ label.addafter,
.field-special_price input:focus ~ label.addafter,
.field-msrp input:focus ~ label.addafter {
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
}

.field.type-price input ~ label.addafter strong,
.field-price input ~ label.addafter strong,
.field-special_price input ~ label.addafter strong,
.field-msrp input ~ label.addafter strong,
.field-gift_wrapping_price input ~ label.addafter strong {
    margin-left: 2px;
    margin-right: -2px;
}

/*
    Calendar
-------------------------------------- */
.ui-datepicker {
    z-index: 998 !important;
}

.ui-datepicker .ui-datepicker-calendar td {
    padding: 0;
}

.ui-datepicker .ui-datepicker-calendar th {
    background: #efefef;
    border: 1px solid #cfcfcf;
    padding: 4px;
    color: #676056;
    font-weight: bold;
}

.ui-datepicker-calendar tbody tr td,
.ui-datepicker-calendar tbody tr:nth-child(2n+1) td {
    background: #fff;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    margin-top: -1px;
}

/*
    Details element
-------------------------------------- */
summary {
    cursor: pointer;
    display: inline-block;
}

.no-details details > * {
    display: none;
}

.no-details details > summary:before {
    float: left;
    width: 20px;
    content: '► ';
}

.no-details details.open > summary:before {
    content: '▼ ';
}

.no-details details summary {
    display: block;
}

/*
    Blockquotes
-------------------------------------- */
blockquote {
    border-left: 2px solid #ccc;
    padding-left: 5px;
}

blockquote small:before {
    content: '\2014 \00A0';
}

/*
    Addresses
-------------------------------------- */
address {
    font-style: normal;
}

/*
    X-tree styles
-------------------------------------- */
.x-tree-node .leaf .x-tree-node-icon {
    background-image: url(../images/fam_leaf.png);
}

.x-tree-node .system-leaf .x-tree-node-icon {
    background-image: url(../images/fam_application_form_delete.png);
}

.x-tree-node-ct {
    overflow: hidden;
}

/*
    Styles for "js" tooltip with positionings
-------------------------------------- */
.tipsy {
    padding: 11px;
}

.tipsy-inner {
    padding: 12px 15px;
    max-width: 185px;
    background: #faf8f6;
    border: 1px solid #dcd8ce;
    box-shadow: 0 2px 5px rgba(49, 48, 43, 0.4);
}

.tipsy-inner .error {
    width: 158px;
}

.tipsy-inner .error h5 {
    color: #be0a0a;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 6px 0;
}

.tipsy-inner .error p {
    color: #676056;
    line-height: 1.5;
    margin: 0;
}

.tipsy-e .tipsy-arrow {
    top: 50%;
    left: 1px;
    margin-top: -10px;
    border-top: 10px solid transparent;
    border-right: 10px solid #dcd8ce;
    border-bottom: 10px solid transparent;
    border-left: none;
}

.tipsy-w .tipsy-arrow {
    top: 50%;
    right: 0;
    margin-top: -10px;
    border-top: 10px solid transparent;
    border-right: none;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #dcd8ce;
}

.tipsy-n .tipsy-arrow,
.tipsy-ne .tipsy-arrow,
.tipsy-nw .tipsy-arrow {
    bottom: 1px;
    border-top: 10px solid #dcd8ce;
    border-right: 10px solid transparent;
    border-bottom: none;
    border-left: 10px solid transparent;
}

.tipsy-ne .tipsy-arrow {
    left: 16px;
}

.tipsy-nw .tipsy-arrow {
    right: 16px;
}

.tipsy-s .tipsy-arrow,
.tipsy-se .tipsy-arrow,
.tipsy-sw .tipsy-arrow {
    top: 1px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #dcd8ce;
    border-top: none;
}

.tipsy-se .tipsy-arrow {
    left: 16px;
}

.tipsy-sw .tipsy-arrow {
    right: 16px;
}

.tipsy-arrow:after,
.tipsy-arrow:before {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
}

.tipsy-e .tipsy-arrow:after {
    top: -5px;
    left: 2px;
    margin-top: -4px;
    border-top: 9px solid transparent;
    border-right: 9px solid #faf8f6;
    border-bottom: 9px solid transparent;
}

.tipsy-e .tipsy-arrow:before {
    top: -8px;
    margin-top: 0;
    margin-top: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid rgba(49, 48, 43, 0.1);
    border-bottom: 10px solid transparent;
}

.tipsy-w .tipsy-arrow:after {
    top: -5px;
    left: -12px;
    margin-top: -4px;
    border-top: 9px solid transparent;
    border-right: none;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #faf8f6;
}

.tipsy-w .tipsy-arrow:before {
    top: -8px;
    left: -10px;
    margin-top: 0;
    border-top: 10px solid transparent;
    border-right: none;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgba(49, 48, 43, 0.1);
}

.tipsy-n .tipsy-arrow:after,
.tipsy-ne .tipsy-arrow:after,
.tipsy-nw .tipsy-arrow:after {
    margin-top: -4px;
    left: -9px;
    top: -7px;
    border-top: 9px solid #faf8f6;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
}

.tipsy-n .tipsy-arrow:before,
.tipsy-ne .tipsy-arrow:before,
.tipsy-nw .tipsy-arrow:before {
    left: -10px;
    top: -8px;
    margin-top: 0;
    border-top: 10px solid rgba(49, 48, 43, 0.1);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.tipsy-s .tipsy-arrow:after,
.tipsy-sw .tipsy-arrow:after,
.tipsy-se .tipsy-arrow:after {
    left: -9px;
    top: 6px;
    margin-top: -4px;
    border-top: none;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #faf8f6;
    border-left: 9px solid transparent;
}

.tipsy-inner dl {
    margin: 0;
}

.tipsy-inner dt {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 400;
    color: #f47b20;
}

.tipsy-inner dd {
    margin: 0;
    color: #676056;
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
}

/*
    Popups
-------------------------------------- */
.fade .popup {
    padding: 0;
    border: 5px solid #969288;
    border-radius: 8px;
}

.wrapper-popup {
    padding: 0 10px;
}

.fade .popup .popup-inner {
    padding: 20px;
    border-radius: 3px;
}

.fade .popup .popup-title {
    margin: 0 0 10px;
}

.popup-loading {
    position: fixed;
    z-index: 1003;
    width: 200px;
    background: rgba(255, 255, 255, .8);
    left: 50%;
    top: 40%;
    margin-left: -100px;
    color: #d85909;
    border-color: #d85909;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 100px 0 10px;
}

.popup-loading:after {
    position: absolute;
    left: 50%;
    top: 40%;
    background-image: url(../mui/images/ajax-loader-big.gif);
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    content: '';
    z-index: 2;
}

/* Loading mask */
.loading-old,
.loading-mask {
    background: rgba(255, 255, 255, .4);
    z-index: 999;
}

.loading-old,
.loading-mask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.loading-old .loader,
.loading-mask .loader {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 160px;
    height: 160px;
    color: #5e5b56;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #e5e2dd url(../mui/images/ajax-loader-big.gif) no-repeat 50% 30%;
    border-radius: 5px;
    opacity: .95;
}

.loading-mask img {
    display: none;
}

.loading-old p,
.loading-mask p {
    margin-top: 118px;
}

/* Backup popup */
/* TODO: remove after backups page js refactoring */
.backup-dialog {
    margin-top: inherit !important;
}

/*
    Login page
-------------------------------------- */
.page-login {
    height: 100%;
}

.page-login .wrapper {
    min-height: 100%;
    padding: 0;
}

.page-login .wrapper-inner {
    overflow: auto;
    padding-bottom: 140px;
}

.page-login .footer {
    clear: both;
    height: 100px;
    margin-top: -100px;
    position: relative;
    .box-sizing();
}

.page-login .footer-content {
    max-width: none;
    min-width: 0;
}

.page-login .footer-copyright {
    text-align: left;
}

.page-login .form-login {
    width: 280px;
    margin: 160px auto 60px;
    padding: 30px 25px;
    border: 1px solid #e3ded5;
    border-radius: 5px;
    background: #f7f2ec;
}

.page-login .fieldset {
    background: transparent;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

.page-login .fieldset > .legend {
    border-bottom: 0;
    margin-bottom: 15px;
}

.page-login .fieldset > .legend span {
    font-size: 32px;
    line-height: 32px;
    padding: 0;
    color: #8a847c;
    display: inline;
}

.page-login .fieldset .field {
    margin: 0 0 13px;
}

.page-login .form-inline .label {
    width: auto;
    padding: 0;
    margin-bottom: 13px;
}

.page-login .field-username label,
.page-login .field-password label,
.page-login .field-confirmation label {
    display: none;
}

.page-login .form-inline .label + .control {
    width: auto;
    float: none;
}

.page-login .header {
    margin-bottom: 30px;
    background: transparent;
    padding: 0;
    z-index: auto;
    position: static;
}

.page-login .header .logo {
    display: block;
    width: 262px;
    height: 64px;
    text-indent: -999em;
    background: url(Magento_Backend::images/logo-magento.png) no-repeat;
}

.page-login {
    button {
      border-radius: 2px;
    }
    button:not(.primary) {
      background-image: none;
      background-color: #f7f3eb;
      padding: 0 13px;
      color: #676056;
      border: 1px solid #ada89e;
      cursor: pointer;
      display: inline-block;
      font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 13px;
      font-weight: 500;
      line-height: 26px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      vertical-align: middle;
    }
    button:not(.primary):focus,
    button:not(.primary):active {
      background-color: #cac3b4;
      border: 1px solid #989287;
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }
    button:not(.primary):hover {
      background-color: #cac3b4;
    }
    button:not(.primary).disabled,
    button:not(.primary)[disabled] {
      cursor: default;
      pointer-events: none;
      opacity: 0.5;
    }
    button.primary {
      background-image: none;
      background-color: #007dbd;
      padding: 0 13px;
      color: #ffffff;
      border: 1px solid #0a6c9f;
      cursor: pointer;
      display: inline-block;
      font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 13px;
      font-weight: 500;
      line-height: 26px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: middle;
    }
    button.primary:focus,
    button.primary:active {
      background-color: #026294;
      border: 1px solid #004c74;
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
      color: #ffffff;
    }
    button.primary:hover {
      background-color: #026294;
      border: 1px solid #026294;
    }
    button.primary.disabled,
    button.primary[disabled] {
      cursor: default;
      pointer-events: none;
      opacity: 0.5;
    }
}

///*
//.page-login .logo {
//    display: block;
//    width: 100px;
//    height: 65px;
//    margin: 0;
//    text-indent: -999em;
//    position: relative;
//    z-index: 1;
//}
//
//.page-login .logo:before,
//.page-login .logo:after {
//    font-family: 'admin-icons';
//    font-size: 65px;
//    content: '\e00d';
//    position: absolute;
//    bottom: 0;
//    left: 0;
//    text-indent: 0;
//    line-height: 1;
//    font-weight: normal;
//}
//
//.page-login .logo:before {
//    content: '\e00d';
//    color: #f37b20;
//}
//
//.page-login .logo:after {
//    content: '\e00e';
//    color: #fab57f;
//}
//
//.page-login .logo span:before {
//    font-family: 'admin-icons';
//    content: '\e00f';
//    display: block;
//    position: absolute;
//    top: 0;
//    bottom: 0;
//    left: 70px;
//    font-size: 154px;
//    margin-top: -42px;
//    text-indent: 0;
//    line-height: 1;
//    font-weight: normal;
//    color: #000;
//}
//*/

.page-login .form-actions {
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.page-login .actions,
.page-login .links {
    display: inline-block;
    vertical-align: middle;
}

.page-login input[type=text],
.page-login input[type=password] {
    border-color: #cac3b4;
    font-size: 18px;
    padding: 12px 12px 14px;
    height: auto;
}

.page-login :-ms-input-placeholder {
    color: #bebab1 !important;
}

.page-login ::-webkit-input-placeholder {
    color: #bebab1 !important;
}

.page-login :-moz-placeholder {
    color: #bebab1 !important;
}

.page-login button.action-login,
.page-login button.action-retrieve {
    font-size: 22px;
    padding: 14px 22px 16px;
}

.page-login button.action-retrieve,
.page-login button.action-reset {
    font-size: 18px;
    padding: 10px 17px 10px;
}

.page-login .action-forgotpassword,
.page-login .action-back {
    font-size: 12px;
    color: #1c8bb8;
    text-decoration: underline;
    position: absolute;
    left: 0;
    bottom: -70px;
}

.page-login .action-forgotpassword:hover,
.page-login .action-back:hover {
    text-decoration: none;
}

/*
    Page title
-------------------------------------- */
.page-title {
    position: relative;
    margin: 20px 0;
}

.page-content > .page-title {
    max-width: 1300px;
    min-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.page-title-inner > .title {
    .style23();
    display: inline-block;
    margin: 0;
    width: 100%;
    word-wrap: break-word;
}

.page-title-inner .title > h3 {
    margin: 0;
}

.page-title-inner .actions {
    float: right;
}

.page-title-inner .actions form {
    display: inline-block;
}

/*
    Messages (Global)
-------------------------------------- */

.wrapper > .message {
    padding: 0 20px;
}

.page-content > #messages {
    max-width: 1300px;
    min-width: 960px;
    margin: 0 auto;
}

.messages {
    margin: 20px 0;
    > .message:last-child {
        margin-bottom: 0;
    }
    &.license {  // license message in view\adminhtml\checker\reminder.phtml
        font-size: 20px;
        line-height: 1.2;
        margin: 20px auto;
        max-width: 1300px;
        min-width: 960px;
        padding: 0 20px;
    }
}

.message {
    background: #f9f5ec;
    border-bottom: 1px solid #c7c2b6;
    border-radius: 5px;
    color: #676056;
    margin: 20px 0;
    padding: 10px 26px 10px 35px;
    position: relative;
    text-shadow: none;
    &:before {
        position: absolute;
        left: 11px;
        top: 50%;
        margin-top: -11px;
        background: none;
        text-shadow: none;
        width: auto;
        height: auto;
        border: 0;
        font-family: 'MUI-Icons';
        font-style: normal;
        speak: none;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        font-size: 16px;
        line-height: inherit;
        content: '\e046'; /* icon-info  */
        color: #d87e34;
    }
    &.error {
        color: #963535;
        border-color: #963535;
        background: #f3dcd8;
        &:before {
            content: '\e069';
            color: #963535;
        }
    }
    &.success {
        border-color: #ceceb6;
        background: #e4eecb;
        color: #185b00;
        &:before {
            content: '\e067';
            color: #185b00;
        }
    }
}

.messages-inbox {
    float: right;
}

.messages-inbox .critical {
    color: red;
}

/* System Messages */
.message-system {
    padding: 0;
    &:before {
        display: none;
    }
    .message-inner {
        position: relative;
        min-width: 960px;
        max-width: 1300px;
        margin: 0 auto;
        &:before {
            background: none;
            border: 0;
            content: '\e006'; /* notification icon */
            color: #6e685e;
            font-family: 'MUI-Icons';
            font-style: normal;
            font-weight: normal;
            speak: none;
            -webkit-font-smoothing: antialiased;
            height: auto;
            left: 8px;
            margin-top: -10px;
            position: absolute;
            text-shadow: none;
            top: 50%;
            width: auto;
            font-size: 16px;
        }
    }
    .message-content {
        padding: 10px 26px 10px 32px;
    }
}

/*
    No-javaScript-Enabled message
-------------------------------------- */
.message-noscript {
    background: #ff9;
    padding: 0;
    border: 0;
    box-shadow: 0 1px 2px #46433d;
    z-index: 994;
    &:before {
        content: '';
    }
    .message-content {
        margin: 0 auto;
        max-width: 1300px;
        min-width: 960px;
        padding: 3px 0;
        position: relative;
        text-align: center;
        &:before {
            position: relative;
            background: none;
            text-shadow: none;
            width: auto;
            height: auto;
            vertical-align: middle;
            border: 0;
            font-family: 'MUI-Icons';
            font-style: normal;
            font-weight: normal;
            font-size: 32px;
            speak: none;
            -webkit-font-smoothing: antialiased;
            content: '\e006'; /* notification icon */
            color: #6e685e;
        }
    }
}

.message-demo-mode {
    background: #d75f07;
    border: 0;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    box-shadow: 0 1px 2px #46433d;
    z-index: 993;
    &:before {
        content: '';
    }
    .message-content {
        margin: 0 auto;
        max-width: 1300px;
        min-width: 960px;
        position: relative;
        text-align: center;
        &:before {
            position: relative;
            background: none;
            text-shadow: none;
            width: auto;
            height: auto;
            vertical-align: middle;
            border: 0;
            font-family: 'MUI-Icons';
            font-style: normal;
            speak: none;
            font-weight: normal;
            -webkit-font-smoothing: antialiased;
            font-size: 16px;
            content: '\e006'; /* notification icon */
        }
    }
}

/*
    Information message
-------------------------------------- */
.message-info,
.message.info {
    background: #fffbf0;
    border: 1px solid #d87e34;
    margin-bottom: 20px;
    &:before {
        font-family: 'MUI-Icons';
        font-style: normal;
        speak: none;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        content: '\e046'; /* icon-info  */
        color: #d87e34;
    }
}

/*
    Error message
-------------------------------------- */
.message-error,
.message.error {
    color: #963535;
    background: #f3dcd8;
    border: 1px solid #963535;
    margin-bottom: 20px;
    &:before {
        content: '\e069';
        color: #963535;
    }
}

/*
    Store Switcher
-------------------------------------- */
.store-switcher-alt {
    position: relative;
    display: inline-block;
}

.store-switcher-alt .dropdown-menu {
    white-space: nowrap;
    margin-top: 2px;
}

.store-switcher-alt.active .dropdown-menu {
    display: block;
}

.store-switcher-alt .dropdown-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.store-switcher-alt strong {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.333;
    color: #a6a098;
    padding: 5px 10px;
}

.store-switcher-alt .store-selected {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.333;
    color: #676056;
    cursor: pointer;
}

.store-switcher-alt .store-selected:after {
    font-family: 'MUI-Icons';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    content: '\e02c'; /* arrow down icon */
    color: #b3b0ad;
    margin: 0 0 0 3px;
    vertical-align: text-top;
}

.store-switcher-alt .store-switcher-website,
.store-switcher-alt .store-switcher-store {
    padding: 0;
}

.store-switcher-alt .store-switcher-website:hover,
.store-switcher-alt .store-switcher-store:hover {
    background: none;
}

.store-switcher-website {
    margin: 5px 0 0;
}

.store-switcher-website > strong {
    padding-left: 13px;
}

.store-switcher-store {
    margin: 1px 0 0;
}

.store-switcher-store > strong {
    padding-left: 20px;
}

.store-switcher-alt .store-switcher-store > ul {
    margin-top: 1px;
}

.store-switcher-alt .store-switcher-store-view {
    padding: 0;
}

.store-switcher-store-view:first-child {
    border-top: 1px solid #e5e5e5;
}

.store-switcher-store-view > a {
    display: block;
    padding: 5px 15px 5px 24px;
    color: #333;
    font-size: 13px;
    text-decoration: none;
}

.store-switcher-alt .store-switcher-all,
.store-switcher-alt .manage-stores {
    padding: 0;
}

.store-switcher-alt .store-switcher-all > a,
.store-switcher-alt .manage-stores > a {
    display: block;
    padding: 8px 15px;
    color: #676056;
    text-decoration: none;
    font-size: 12px;
}

/*
    Page Structure
-------------------------------------- */

.page-title.complex .title {
    float: left;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-title.complex .store-switcher-alt {
    float: right;
    margin: 12px 0 0;
}

.side-col {
    padding-bottom: 20px;
    position: relative;
    width: 20%;
}

.main-col {
    position: relative;
    width: 80%;
    padding: 0 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.col-left {
    float: left;
}

.col-right {
    float: right;
}

.col-1-layout {
    .main-col {
        width: auto;
    }
}

.col-2-left-layout,
.col-1-layout {
    background: #f7f3eb;
    margin: 0 auto;
    position: relative;
}

.col-2-left-layout {
    padding-top: 20px;
    &:before {
        position: absolute;
        content: "";
        background-color: #fff;
        right:0;
        top: 0;
        bottom: 0;
        min-width: 730px;
        width: 80%;
    }
    .main-col {
        padding-right: 0;
        padding-left: 0;
        float: right;
    }
    .side-col {
        float: left;
    }
}

.col-2-right-layout {
    .side-col {
        float: right;
    }
    .main-col {
        float: left;
    }
}

.col-2-left-layout .main-col,
.col-2-right-layout .main-col {
    min-width: 730px;
}

/* Sidebar title */
/* TODO: temporary styles */
.side-col h3 {
    padding: 0 17px;
    margin-top: 16px;
}

.side-col .ui-tabs h3 {
    margin-bottom: 5px;
    color: #524c44;
    text-shadow: 0 1px 0 #fff;
}

/*
    Universal Sidebar Tabs
-------------------------------------- */
// TODO: for "Product" page only while refactoring */

.side-col .ui-tabs .ui-accordion-header {
    position: relative;
    margin: 10px 0 0;
    padding: 5px 20px;
    cursor: pointer;
    color: #524c44;
    text-shadow: 0 1px 0 #fff;
}

.side-col .ui-tabs .ui-accordion-header:focus {
    outline: none;
}

.side-col .ui-accordion-header:before {
    position: absolute;
    left: 4px;
    top: 7px;
    font-family: 'MUI-Icons';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    content: '\e02a'; /* arrow right icon */
    font-size: 14px;
    color: #ada79e;
}

.side-col .ui-accordion-header:hover:before {
    color: #777;
}

.side-col .ui-accordion-header-active:before {
    content: '\e02c'; /* arrow down icon */
}

.side-col .tabs {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
    font-weight: 500;
}

.side-col > .ui-tabs > .tabs:first-child > li:first-child > a {
    border-top-left-radius: 5px;
}

.side-col .tabs > li {
    border-bottom: 1px solid #e5e1db;
}

.side-col .tabs > li:first-child {
    border-top: 1px solid #e5e1db;
}

.side-col .tabs > li a {
    position: relative;
    display: block;
    padding: 8px 18px;
    text-decoration: none;
    color: #676056;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

.side-col .tabs > li a:active,
.side-col .tabs > li a:focus {
    outline: none;
}

.side-col .tabs > li a:hover {
    background: #fff;
}

.side-col .tabs > .ui-state-active a {
    border-left: 3px solid #d87e34;
    padding-left: 15px;
    background: #dedcd8;
    box-shadow: 0 1px 2px #ccc inset;
}

.side-col .tabs > .ui-state-active a:after,
.side-col .tabs > .ui-state-active a:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    margin-top: -14px;
    font-family: 'MUI-Icons';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    content: '\e02b'; /* left turned triangle icon */
    font-size: 22px;
    color: #fff;
    overflow: hidden;
    z-index: 4;
}

.side-col .tabs > .ui-state-active a:before {
    color: #bdbbb7;
    margin-top: -13px;
    z-index: 3;
}

.side-col .tabs span.error,
.side-col .tabs span.loader {
    display: none;
    position: absolute;
    right: 12px;
    top: 7px;
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.side-col .tab-item-link.changed {
    font-style: italic;
}

.side-col .tab-item-link.error span.error,
.side-col .ui-tabs-loading span.loader {
    display: block;
}

.side-col .tab-item-link.error span.error:after {
    font-family: 'MUI-Icons';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    content: '\e006'; /* warning icon */
    color: #d87e34;
}

.side-col .ui-tabs-loading span.loader:after {
    background: url(../mui/images/ajax-loader-small.gif) no-repeat 50% 50%;
    display: block;
    content: '';
    width: 16px;
    height: 16px;
}

/* TODO: styles for navigation on System > Configuration page */

/*
    Horizontal Tabs
-------------------------------------- */
.ui-tabs {
    clear: both;
}
.tabs-horiz {
    list-style: none;
    margin: 0;
    padding: 3px 0 0;
}

.tabs-horiz > li {
    float: left;
    margin: 0 5px 0 0;
}

.tabs-horiz .ui-tabs-anchor {
    position: relative;
    display: block;
    text-decoration: none;
    .style7();
    background: #e0dacf;
    padding: 11px 15px 13px;
    border-radius: 2px 2px 0 0;
}

.tabs-horiz > .ui-state-active .ui-tabs-anchor {
    background: #fff;
}

/*
    System -> Configuration page navigation in sidebar
-------------------------------------- */
.config-nav,
.config-nav .items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.config-nav-block {

}

.config-nav-block:last-child {
    margin-bottom: 30px;
}

.config-nav .item {
    border-top: 1px solid #E5E1DB;
}

.config-nav .item:first-child {
    border-top: 0;
}

.config-nav .title {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #444;
    border: solid #CCC;
    border-width: 1px 0;
    opacity: .8;
    padding: 7px 17px;
    background: #E6E3DE;
}

.config-nav .item-nav {
    display: block;
    padding: 8px 18px;
    text-decoration: none;
    color: #676056;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

.config-nav .item-nav:hover {
    background: #fff;
}

.config-nav .item-nav.active {
    position: relative;
    border-left: 3px solid #d87e34;
    padding-left: 15px;
    background: #dedcd8;
    box-shadow: 0 1px 2px #ccc inset;
}

.config-nav .item-nav.active:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    margin-top: -14px;
    font-family: 'MUI-Icons';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    content: '\e02b'; /* left turned triangle icon */
    font-size: 22px;
    text-shadow: -1px 1px 0 #bdbbb7;
    color: #fff;
    overflow: hidden;
    z-index: 3;
}

/*
    Footer
-------------------------------------- */
.footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #989288;
    font-size: 11px;
}

.footer-content {
    margin: 0 auto;
    max-width: 1300px;
    min-width: 960px;
    padding: 20px;
}

/*
    Switcher
-------------------------------------- */
.switcher {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}

.switcher input[type="checkbox"] {
    position: absolute;
    left: -999em;
}

.switcher-label {
    .style2();
    text-transform: uppercase;
}

.switcher-label:before {
    content: attr(data-text-off);
}

.switcher-label:after {
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom;
    width: 34px;
    height: 17px;
    background: url(../images/switcher.png) no-repeat;
    content: '';
}

.switcher input[type="checkbox"]:focus + .switcher-label:after {
    border-color: #75b9f0;
}

.switcher input[type="checkbox"]:checked + .switcher-label:after {
    background-position: -34px 0;
}

.switcher input[type="checkbox"]:checked + .switcher-label:before {
    content: attr(data-text-on);
}

/*
    Content actions panel (with buttons, switchers...)
-------------------------------------- */
// .page-actions {
//     padding: 0 0 20px;
//     text-align: right;
// }

.page-actions .buttons-group {
    vertical-align: top;
    text-align: left;
}

.page-actions > .switcher {
    display: inline-block;
    vertical-align: top;
    margin: 6px 10px 0 0;
}

// .main-col .page-actions {
//     padding: 20px 0;
// }

.page-actions .store-switcher {
    float: left;
}

.catalog-product-index .page-actions {
    padding-top: 0;
}

[class^=" catalog-product-"] .store-scope .store-tree {
    float: left;
}

// TODO: refactor trees
.x-tree ul {
    margin: 0;
    padding: 0;
}

.page-actions.fixed .page-actions-inner:before {
    content: attr(data-title);
    float: left;
    font-size: 20px;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Dynamic Grid */
/* Used in pages like Catalog -> Attributes */
.dynamic-grid th {
    padding: 2px;
    width: 100px;
}

.dynamic-grid td {
    padding: 2px;
}

.dynamic-grid td input {
    width: 94px;
}

tr.dynamic-grid td,
tr.dynamic-grid th {
    padding: 2px 10px 2px 0;
    width: auto;
}

tr.dynamic-grid input.input-text {
    width: 154px;
}

.available {
    color: #080;
    font-weight: bold;
}

.not-available {
    color: #800;
}

.categories-side-col {
    padding: 0 3%;
}

//
//    Website store views tree
// --------------------------------------
.store-tree {
    .website-name {
        font-size: 14px;
        font-weight: bold;
    }
    .webiste-groups {
        margin: 5px 0 20px 18px;
        dt {
            font-weight: bold;
        }
        dd {
            margin: 5px 0 15px 15px;
            > ul {
                list-style: none;
                margin: 0;
                padding: 0;
                > li {
                    margin: 0 0 5px;
                }
            }
        }
    }
}

//
//    Customer Reviews
// --------------------------------------
.field-detailed_rating {
    .control-value {
        padding: 0;
    }
    .nested {
        padding: 0;
    }
    .field-rating {
        margin: 15px 0 0 0;
        &:first-child {
            margin-top: 0;
        }
        .label {
            width: 75px;
        }
        .control {
            unicode-bidi: bidi-override;
            direction: rtl;
            width: 125px;
            label {
                color: #ccc;
                cursor: pointer;
                font-size: 18px;
                float: right;
                overflow: hidden;
                white-space: nowrap;
                width: 18px;
                -webkit-transition: color 150ms linear;
                -moz-transition: color 150ms linear;
                -o-transition: color 150ms linear;
                -ms-transition: color 150ms linear;
                transition: color 150ms linear;
            }
        }
    }
    input[type="radio"] {
        display: none;
    }
}

//
//    Tree Store Scope
// --------------------------------------
.tree-store-scope {
    .buttons-set {
        margin-bottom: 9px;
        button {
            margin-right: 4px;
        }
    }
    .field {
        margin: 0 0 5px;
        input[type="checkbox"] {
            margin-right: 3px;
            position: relative;
            top: 2px;
        }
        .addafter {
            display: inline-block;
            padding-top: 6px;
        }
    }
    [class^="field field-website_"] .label,
    [class^="field field-group_"] .label,
    [class^="field field-w_"] .label,
    [class^="field field-sg_"] .label {
        text-align: left;
        font-size: 18px;
        padding-right: 0;
        width: auto;
    }
    [class^="field field-group_"] .label,
    [class^="field field-sg_"] .label {
        padding-left: 20px;
    }
    .tooltip .help {
        margin-top: 11px;
    }
}

//
//    Widgets
//--------------------------------------
.widget-layout-updates .fieldset-wrapper,
.widget-layout-updates .data-table {
    margin: 0 0 18px;
}

.widget-layout-updates .fieldset-wrapper-title label {
    padding: 10px 0 0;
}

.widget-layout-updates .fieldset-wrapper-title select {
    margin: 3px 10px 5px;
}

.widget-layout-updates .fieldset-wrapper-title span,
.widget-layout-updates .fieldset-wrapper-title select {
    vertical-align: middle;
}

.widget-layout-updates .data-table {
    table-layout: fixed;
}

.widget-layout-updates .data-table,
.widget-layout-updates .data-table tr:nth-child(odd) td,
.widget-layout-updates .data-table tr:nth-child(odd):hover td {
    background: none;
    border: none;
}

.widget-layout-updates .data-table th,
.widget-layout-updates .data-table tbody td {
    border: none;
    padding: 5px 10px;
}

.widget-layout-updates .data-table select {
    margin: 0;
    max-width: 99%;
    overflow: hidden;
}

.widget-layout-updates .chooser_container {
    padding: 0 10px;
    margin-bottom: 18px;
}

.widget-layout-updates .chooser_container p {
    margin: 0 0 18px;
}

.widget-layout-updates .chooser_container p img,
.widget-layout-updates .chooser_container p input {
    vertical-align: middle;
}

/*
    Preview window
-------------------------------------- */
.preview-window {
    background: #fff;
}

.preview-window .toolbar {
    background: #f5f2ed;
    padding: 20px;
}

.preview-window .toolbar .switcher {
    margin: 0;
}

.preview-window .toolbar .switcher span {
    background: none;
    width: auto;
}

/*
    Global 'No Products found' block
-------------------------------------- */
.no-products-message {
    background: #fbfaf6;
    padding: 12px;
    text-align: center;
    font-size: 12px;
    color: #666;
    margin-bottom: 13px;
}

/*
    WYSIWYG
-------------------------------------- */
.action-wysiwyg {
    margin: 10px 0;
}

#catalog-wysiwyg-editor .buttons-set {
    margin-bottom: 9px;
}

#catalog-wysiwyg-editor .buttons-set button {
    margin-right: 4px;
}

/*
    System Messages
-------------------------------------- */
.message-system {
    margin: 0 auto;
    overflow: hidden;
}

.message-system-inner {
    background: #f7f3eb;
    border: 1px solid #c0bbaf;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    float: right;
    overflow: hidden;
}

.message-system-unread .message-system-inner {
    float: none;
}

.message-system-list {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.message-system .message-system-list {
    width: 75%;
}

.message-system-list li {
    padding: 5px 13px 7px 36px;
    position: relative;
}

.message-system-short {
    padding: 5px 13px 7px;
    float: right;
}

.message-system-short span {
    display: inline-block;
    margin-left: 7px;
    border-left: 1px #d1ccc3 solid;
}

.message-system-short span:first-child {
    border: 0;
    margin-left: 0;
}

.message-system-short a {
    padding-left: 27px;
    position: relative;
    height: 16px;
}

.message-system .message-system-short a:before,
.message-system-list li:before {
    font-family: 'MUI-Icons';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    height: 16px;
    width: 16px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    left: 7px;
    top: 2px;
}

.message-system-list li:before {
    top: 5px;
    left: 13px;
}

.message-system .message-system-short .warning a:before,
.message-system-list li.warning:before {
    content: "\e006";
    color: #f2a825;
}

.message-system .message-system-short .error a:before,
.message-system-list li.error:before {
    content: "\e086";
    font-family: 'MUI-Icons';
    color: #c00815;
}

.ui-dialog .message-system-list {
    margin-bottom: 25px;
}

/*
    Add Attribute Popup
-------------------------------------- */
#create_new_attribute {
    overflow: hidden;
}

#create_new_attribute > .loading-mask {
    left: -25px;
    top: -50px;
}

.attribute-popup {
    background: none;
}

.attribute-popup #edit_form > .fieldset > .legend {
    display: none;
}

.attribute-popup .wrapper-popup {
    padding: 0;
    height: 511px;
    overflow-x: hidden;
    overflow-y: auto;
}

.attribute-popup .fieldset,
.attribute-popup .fieldset-wrapper {
    border: none;
    border-radius: 0;
    padding: 4px 0 20px;
    margin: 0 23px 20px;
}

.attribute-popup .fieldset-wrapper {
    border-top: none;
}

.attribute-popup .fieldset-wrapper:not(.collapsable-wrapper) .fieldset-wrapper-title {
    border-bottom: none;
}

.attribute-popup .fieldset-wrapper .fieldset-wrapper-content > .fieldset {
    margin-left: 0;
    margin-right: 0;
}

.attribute-popup .fieldset > .field > input[type="checkbox"] {
    margin-top: 7px;
}

.attribute-popup .fieldset .label {
    width: 35%;
}

.attribute-popup .collapsable-wrapper,
#manage-titles-wrapper .fieldset-wrapper-title {
    margin-bottom: 0;
    padding-bottom: 0;
}

.attribute-popup .collapsable-wrapper .fieldset-wrapper-title > .title:before {
    color: #797269;
    font-size: 14px;
    top: 9px;
}

.attribute-popup form .entry-edit:first-child .fieldset {
    border-bottom: 1px solid #dfdcd7;
}

.attribute-popup .fieldset .legend {
    border: none;
}

.attribute-popup .page-actions {
    position: fixed;
    top: auto !important;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 27px 50px 25px 23px;
    border-top: 1px solid #dfdcd7;
}

.attribute-popup .page-actions [class^='action-'] {
    margin-left: 18px;
}

.attribute-popup #base_fieldset {
    padding-top: 20px;
}

.attribute-popup #base_fieldset > .legend {
    display: none;
}

.attribute-popup .page-actions #reset,
.attribute-popup .page-actions #reset:hover,
.attribute-popup .page-actions #reset:active,
.attribute-popup .page-actions #reset:focus {
    float: right;
    vertical-align: middle;
    margin: 5px 0 0 18px;
}

.attribute-popup .page-actions-placeholder {
    display: none;
}

.attribute-popup .page-actions.fixed .page-actions-inner {
    background: #fff;
    padding: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    margin: 0;
}

.attribute-popup .footer {
    display: none;
}

#manage-options-panel > .data-table {
    clear: both;
}

// Default & Primary Button
// input[type=button],
// input[type=submit],
// input[type=reset],
// button,
// [class^="action-"],
// .popup-window .add-widget {
//     &:extend(.DefaultButton all);
//     &.primary {
//         &:extend(.PrimaryButton all);
//     }
// }

// Custom grids view
.CustomGridView {
    .col-1-layout {
        background: transparent;
    }
}

// Custom grid action view for Primary Add Button at grid tables
.CustomGridAction {
    .grid-actions {
        border-radius: 5px 5px 0 0;
        margin-top: 20px;
        padding: 9px 15px;
    }
    .page-actions.fixed {
        left: 0;
        margin: 0;
        padding: 0 21px;
        position: fixed;
    }
    .page-actions {
        position: absolute;
        z-index: 2;
        margin-top: 10px;
        margin-left: 15px;
        padding: 0;
    }
}

// // Primary Add Button for grid tables on pages:
// // sales
// .sales-order-index,
// .adminhtml-rma-index,
// // marketing
// .adminhtml-catalog-event-index,
// .adminhtml-urlrewrite-index,
// .catalog-search-index,
// .review-product-index,
// .catalog-rule-promo-catalog-index,
// .sales-rule-promo-quote-index,
// .adminhtml-reminder-index,
// .newsletter-template-index,
// .adminhtml-system-email-template-index,
// .adminhtml-sitemap-index,
// // products
// .adminhtml-googleshopping-types-index,
// // customers
// .customer-index-index,
// // cms
// .adminhtml-cms-page-index,
// .cms-block-index,
// .adminhtml-banner-index,
// .adminhtml-widget-instance-index,
// .cms-page-index,
// // system
// .adminhtml-webapi-user-index,
// .adminhtml-webapi-role-index,
// .adminhtml-system-variable-index,
// .adminhtml-user-index,
// .adminhtml-user-role-index,
// .adminhtml-integration-index,
// // content
// .adminhtml-system-design-theme-index,
// .adminhtml-system-design-index,
// // stores
// .adminhtml-customer-attribute-index,
// .adminhtml-customer-address-attribute-index,
// .rating-index-index,
// .tax-rule-index,
// .tax-rate-index,
// .adminhtml-rma-item-attribute-index,
// .adminhtml-reward-rate-index,
// .customer-group-index,
// .checkout-agreement-index,
// .catalog-product-attribute-index,
// .catalog-product-set-index {
//     &:extend(.CustomGridView all);
//     &:extend(.CustomGridAction all);
//     .page-actions {
//         .add {
//             &:extend(.PrimaryAddButton all);
//         }
//     }
// }

// .catalog-product-index {
//     &:extend(.CustomGridView all);
//     &:extend(.CustomGridAction all);
// }

// Primary Add Split Button or Primary Split Button
// .catalog-product-new,
// .catalog-product-edit,
// .catalog-product-index,
// .adminhtml-integration-new {
//     .actions-split {
//         &:extend(.PrimarySplitButton all);
//     }
// }

// // Custom Grid View for pages:
// // sales
// .sales-invoice-index,
// .sales-shipment-index,
// .sales-creditmemo-index,
// .sales-billing-agreement-index,
// .sales-transactions-index,
// .sales-recurring-payment-index,
// // products
// .adminhtml-googleshopping-items-index,
// // customer
// .customer-online-index,
// // marketing
// .newsletter-queue-index,
// .newsletter-subscriber-index,
// // reports
// .adminhtml-report-shopcart-product,
// .adminhtml-report-shopcart-abandoned
// .adminhtml-report-product-downloads,
// .adminhtml-report-product-sold,
// .adminhtml-report-product-lowstock,
// .adminhtml-report-customer-accounts,
// .adminhtml-report-customer-totals,
// .adminhtml-report-customer-orders,
// .adminhtml-report-customer-wishlist-wishlist,
// .adminhtml-report-review-customer,
// .adminhtml-report-review-product,
// .adminhtml-report-search,
// .adminhtml-report-statistics-index,
// .newsletter-problem-index,
// //store
// .adminhtml-system-store-index,
// .sales-order-status-index,
// .adminhtml-system-currency-index,
// .adminhtml-system-currencysymbol-index,
// .adminhtml-scheduled-operation-index,
// // system
// .adminhtml-cache-index,
// .adminhtml-system-backup-index,
// .adminhtml-locks-index,
// .adminhtml-notification-index,
// .adminhtml-logging-archive,
// .adminhtml-logging-index,
// .adminhtml-process-list,
// // product
// .catalog-product-index {
//     &:extend(.CustomGridView all);
// }

// Custom page-actions view
.adminhtml-googleshopping-items-index .grid-title {
    padding: 15px;
}

.adminhtml-googleshopping-items-index .grid {
    padding-bottom: 25px;
}

.adminhtml-googleshopping-items-index .grid-title .title {
    font-size: 18px;
}

.adminhtml-googleshopping-items-index .page-actions {
    float: right;
}

.adminhtml-system-backup-index .page-actions.fixed,
.adminhtml-scheduled-operation-index .page-actions.fixed,
.adminhtml-system-currency-index .page-actions.fixed,
.adminhtml-system-currencysymbol-index .page-actions.fixed,
.adminhtml-cache-index .page-actions.fixed,
.adminhtml-system-store-index .page-actions.fixed,
.sales-order-status-index .page-actions.fixed {
    background-image: none;
    padding: 0 21px;
    position: fixed;
}

.adminhtml-cache-index .additional-cache-management {
    margin-bottom: 0;
}

// .catalog-rule-promo-catalog-index .grid-actions {
//     padding-left: 210px;
// }

// .catalog-rule-promo-catalog-index .page-actions .apply {
//     float: right;
//     margin: 0 0 0 10px;
// }

.sidebar-actions {
    padding: 14px 0;
}

.sidebar-actions button {
    margin: 0 0 5px;
}

.adminhtml-system-currency-index .page-actions.fixed .import-service {
    display: inline-block;
    float: none;
}

.data-table .fpt-item-container {
    td {
        vertical-align: top;
    }
    select:first-child {
        margin-bottom: 8px;
    }
}

.eq-ie9 {
    .col-1-layout,
    .catalog-product-edit,
    .catalog-product-new,
    .sales-order-view,
    .catalog-category-edit {
        table.data {
            table-layout: fixed;
            word-wrap: break-word;
            th {
                word-wrap: normal;
                overflow: hidden;
                vertical-align: top;
                > span {
                    white-space: normal;
                }
            }
            th:not(.col-select):not(.col-id):not(.col-severity),
            td:not(.col-select):not(.col-id):not(.col-severity) {
                width: auto;
            }
        }
    }

    #setGrid_table,
    #attributeGrid_table,
    .custom-options .data-table,
    .ui-dialog .data,
    .col-1-layout .data,
    .sales-order-view .data,
    .catalog-category-edit .data {
        word-wrap: break-word;
        table-layout: fixed;
    }
    .fieldset-wrapper {
        table.data {
            table-layout: inherit;
            word-wrap: normal;
        }
    }
    .sales-order-create-index table.data,
    .sales-order-create-index .fieldset-wrapper table.data {
        table-layout: fixed;
        word-wrap: break-word;
        th {
            word-wrap: normal;
            overflow: hidden;
            vertical-align: top;
            > span {
                white-space: normal;
            }
        }
    }

    .entry-edit .product-options .grouped-items-table {
        table-layout: fixed;
        word-wrap: break-word;
        th {
            word-wrap: normal;
            overflow: hidden;
            vertical-align: top;
            > span {
                white-space: normal;
            }
        }
    }

    .catalog-category-edit,
    .adminhtml-cache-index,
    .adminhtml-process-list,
    .indexer-indexer-list,
    .adminhtml-notification-index {
        table.data {
            table-layout: inherit;
            word-wrap: normal;
        }
    }
}

// Clearfix
.clearfix:before,
.clearfix:after,
[class$="-layout"]:after,
.footer-content:before,
.footer-content:after,
.page-title-inner:before,
.page-title-inner:after,
.tabs-horiz:before,
.tabs-horiz:after,
.actions-split:before,
.actions-split:after,
.page-create-order:before,
.page-create-order:after,
.order-addresses:before,
.order-addresses:after,
.order-methods:before,
.order-methods:after,
.order-summary:before,
.order-summary:after,
.order-methods:before,
.order-methods:after,
.grid-actions:before,
.grid-actions:after,
.fieldset-wrapper-title:before,
.fieldset-wrapper-title:after {
    content: "";
    display: table;
}

.clearfix:after,
[class$="-layout"]:after,
.footer-content:after,
.page-title-inner:after,
.tabs-horiz:after,
.actions-split:after,
.page-create-order:after,
.order-addresses:after,
.order-methods:after,
.order-summary:after,
.order-methods:after,
.grid-actions:after,
.fieldset-wrapper-title:after {
    clear: both;
}
